<!-- 敏感项统计报表 -->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<link rel="stylesheet" th:href="@{/css/jquery-ui-1.10.3.full.min.css}"/>
		<link rel="stylesheet" th:href="@{/css/ui.jqgrid.css}"/>
		<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}" />
		<link rel="stylesheet" th:href="@{/css/datepicker.css}" />
		<link rel="stylesheet" th:href="@{/css/bootstrap-timepicker.css}" />
		<link rel="stylesheet" th:href="@{/css/daterangepicker.css}" />
		<link rel="stylesheet" th:href="@{/css/jquery.gritter.css}"/>
		<div th:replace="commons/html-header"></div>
	</head>
	<body class="skin-1">
		<div th:replace="commons/head"></div>
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{gds.settings.check('main-container' , 'fixed')}catch(e){}
			</script>
			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>
				<div th:replace="admin/admin-menu"></div>
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{gds.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">Home</a>
							</li>
							<li>
								<a>统计报表</a>
							</li>
							<li>
								敏感项统计报表
							</li>
						</ul>
					</div>
					<!-- page content begins -->
					<div class="page-header col-xs-12" style="margin-top: 10px">
						<form class="form-inline" role="form">
							<div class="form-group">
								<label for="sensitivityItemSelect">敏感项名称:</label>
								<select style="width: 150px" class="form-control" id="sensitivityItemSelect"></select>
							</div>
							<div class="form-group" for="time_range">
								<label for="time_range">时间:</label>
								<input style="width: 350px" class="form-control" type="text" name="datePicker" id="time_range" />
							</div>
							<div style="float: right; margin-right: 8%">
								<button class="btn btn-info" type="button" id="rest">
									<i class="icon-undo"></i>重置
								</button>
								<button class="btn btn-info" type="button" id="find">
									<i class="icon-search"></i>搜索
								</button>
							</div>
						</form>
					</div>
					<div class="col-xs-12">
						<div class="table-responsive col-xs-12">
							<table class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th class="center">#</th>
										<th class="hidden-480 center">敏感项名称</th>
										<th class="hidden-480 center">保护次数</th>
										<th class="hidden-480 center"></th>
									</tr>
								</thead>
								<tbody id = "sensitiveItems"></tbody>
							</table>
						</div>
					</div>
					<div class="hide" id="barDialog">
						<div id="bar"></div>
					</div>
					<!-- page content ends -->
				</div>
			</div>
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div>
		<div th:replace="commons/html-js"></div>
	</body>
</html>
<script th:src="@{/js/page/timeTool.js}"></script>
<script th:src="@{/js/jquery-ui-1.10.3.full.min.js}"></script>
<script th:src="@{/js/jquery.ui.touch-punch.min.js}"></script>
<script th:src="@{/js/ace-elements.min.js}"></script>
<script th:src="@{/js/jquery.gritter.min.js}"></script>
<script th:src="@{/js/echarts/echarts.min.js}"></script>
<script th:src="@{/js/date-time/moment.min.js}"></script>
<script th:src="@{/js/date-time/daterangepicker.min.js}"></script>
<script th:src="@{/js/page/analyseTime.js}"></script>
<script th:src="@{/js/page/sensitiveReport.js}"></script>
